<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>内边距</title>
	<style>
		/*行内块元素:浏览器默认认为它是行元素
		内边距主要功能:撕开元素，存精灵图【图标.icon】
		padding内边距:边框与内容之间距离
		padding属性:1个值  顺时针  上 右 下 左
		padding属性:2个值，顺时针 上下    右左
		padding属性:3个值 顺时针 上  右左  下
		padding属性:4个值顺时针 上  右  下 左
		
		*/
		img{
			border:1px solid red;
			padding:10px;
			padding:10px 20px;
			padding:10px 20px 30px;
		}
	</style>
	</head>
		<img src="img/p_small_002.jpg" width="300px" height="300px" alt="雪人" >
	<body>
	</body>
</html>